<!--教员角色查看全部缓考安排-->
<template>
  <div class="paperprint-container" style="width:100%">
    <div class="search-container" style="margin:0;padding:0" v-if="roleId == '1476444221949898754'"> 
      <div class="search-container-left">
        <div class="search-container-item">
          <span style="color:#004ca7">学期：</span>
          <el-select
            v-model="queryParams.termid" 
            size="mini"
            placeholder="请选择学期"
            style="width: 160px"
            clearable
          >
            <el-option
              v-for="(item,index) in xqList"
              :key="index"
              :label="item.xqmc"
              :value="item.xqmc"
            >
            </el-option>
          </el-select>
        </div>
        <div class="search-container-item">
          <span style="color:#004ca7">批次：</span>
          <el-select
            v-model="queryParams.planname" 
            size="mini"
            placeholder="请选择批次"
            style="width: 160px"
            clearable
          >
            <el-option
              v-for="(item,index) in selectPcList"
              :key="index"
              :label="item"
              :value="item"
            >
            </el-option>
          </el-select>
        </div>
        <div class="search-container-item">
          <span style="color:#004ca7">考试类型：</span>
          <el-select
            v-model="queryParams.checkType" 
            size="mini"
            placeholder="请选择考试类型"
            style="width: 160px"
            clearable
          >
            <el-option
              v-for="(item,index) in checkTypeList"
              :key="index"
              :label="item.label"
              :value="item.value"
            >
            </el-option>
          </el-select>
        </div>
        <div class="search-container-item">
          <span style="color:#004ca7">日&ensp;&ensp;&ensp;&ensp;期：</span>
          <el-date-picker type="date" clearable value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="请选择日期" v-model="queryParams.exadate" style="width: 160px;" size="mini"></el-date-picker>
        </div>
        <div class="search-container-item">
          <span style="color:#004ca7">节&ensp;&ensp;&ensp;&ensp;次：</span>
          <el-select
              v-model="queryParams.exaschedule" size="mini"
              placeholder="请选择节次"
              style="width:160px"
              clearable
            >
              <el-option
                v-for="item in sectionList"
                :key="item.dictKey"
                :label="item.dictValue"
                :value="item.dictKey"
              >
              </el-option>
            </el-select>
        </div>
        <div class="search-container-item" style="width:423px">
          <span>课程负责单位：</span>
          <el-select
            v-model="queryParams.department"
            style="width: 150px;margin-right:5px"
            size="mini"
            placeholder="请选择"
            @change="handleXb"
            clearable
            :disabled="roleId == '1490880728751644674' || roleId == '1498848865273745410' || roleId == '1476444221949898754' || roleId == '1475294432243830786' || roleId == '1490880584475975682' || roleId == '1496015526935564290' || roleId == '1490880658945843202'"
          >
            <el-option
            style="margin-right:5px"
              v-for="(item,index) in xbList"
              :key="index"
              :label="item.deptName"
              :value="item.deptName"
            >
            </el-option>
          </el-select>
          <el-select
            v-model="queryParams.teachingandresearchsection"
            style="width: 150px"
            size="mini"
            placeholder="请选择"
            @change="handleClass"
            clearable
            :disabled="roleId == '1490880728751644674' || roleId == '1498848865273745410' || roleId == '1476444221949898754' || roleId == '1475294432243830786' || roleId == '1490880584475975682' || roleId == '1496015526935564290'"
          >
            <el-option
              v-for="(item,index) in gClassList"
              :key="index"
              :label="item.deptName ? item.deptName : item.value"
              :value="item.deptName ? item.deptName : item.value"
            >
            </el-option>
          </el-select>
        </div>
      </div>
      <div class="search-container-left">
        <div class="search-container-item" style="margin-top:15px">
          <span>课程名称：</span>
          <el-input
            style="width: 160px"
            size="mini"
            placeholder="请输入内容"
            v-model="queryParams.coursename"
            clearable
          ></el-input>
        </div>
        <div class="search-container-item" style="margin-top:15px">
          <span style="color:#004ca7">状态：</span>
          <el-select
              v-model="exaStatus" 
              size="mini"
              placeholder="请选择状态"
              style="width:175px"
              value-key="value"
              clearable
              multiple
              collapse-tags
            >
              <el-option
                v-for="item in statusList"
                :key="item.value"
                :label="item.label"
                :value="item.value"
              >
              </el-option>
            </el-select>
        </div> 
        <div class="search-button" style="margin:17px 0 0 0" @click="handleQuery">
          <img src="../../../assets/assessment/icon-search.png" alt="" />
          <span>查询</span>
        </div>
      </div>
    </div>
    <div class="search-container" style="margin:0;padding:0" v-if="roleId != '1476444221949898754'"> 
      <div class="search-container-left">
        <div class="search-container-item">
          <span style="color:#004ca7">学期：</span>
          <el-select
            v-model="queryParams.bxxueqi" 
            size="mini"
            placeholder="请选择学期"
            style="width: 185px"
            clearable
          >
            <el-option
              v-for="(item,index) in xqList"
              :key="index"
              :label="item.xqmc"
              :value="item.xqmc"
            >
            </el-option>
          </el-select>
        </div>
        <div class="search-container-item">
          <span style="color:#004ca7">日期：</span>
          <el-date-picker type="date" clearable value-format="yyyy-MM-dd" format="yyyy-MM-dd" placeholder="请选择日期" v-model="queryParams.exadate" style="width: 185px;" size="mini"></el-date-picker>
        </div>
        <div class="search-container-item">
          <span style="color:#004ca7">节&ensp;&ensp;&ensp;&ensp;次：</span>
          <el-select
              v-model="queryParams.section" size="mini"
              placeholder="请选择节次"
              style="width:185px"
              clearable
            >
              <el-option
                v-for="item in sectionList"
                :key="item.dictKey"
                :label="item.dictValue"
                :value="item.dictKey"
              >
              </el-option>
            </el-select>
        </div> 
        <div class="search-container-item">
          <span style="color:#004ca7">培养层次：</span>
          <el-select
            v-model="queryParams.pylevel"
            size="mini"
            clearable
            style="width: 185px"
            placeholder="请选择"
          >
            <el-option
              v-for="item in pyccList"
              :key="item.dictKey"
              :label="item.dictValue"
              :value="item.dictKey"
            >
            </el-option>
          </el-select>
        </div> 
        <div class="search-container-item" style="width:493px">
          <span>课程负责单位：</span>
          <el-select
            v-model="queryParams.department"
            style="width: 185px;margin-right:5px"
            size="mini"
            placeholder="请选择"
            @change="handleXb"
            clearable
            :disabled="roleId == '1490880728751644674' || roleId == '1498848865273745410' || roleId == '1476444221949898754' || roleId == '1475294432243830786' || roleId == '1490880584475975682' || roleId == '1496015526935564290' || roleId == '1490880658945843202'"
          >
            <el-option
            style="margin-right:5px"
              v-for="(item,index) in xbList"
              :key="index"
              :label="item.deptName"
              :value="item.deptName"
            >
            </el-option>
          </el-select>
          <el-select
            v-model="queryParams.teachingandresearchsection"
            style="width: 185px"
            size="mini"
            placeholder="请选择"
            @change="handleClass"
            clearable
            :disabled="roleId == '1490880728751644674' || roleId == '1498848865273745410' || roleId == '1476444221949898754' || roleId == '1475294432243830786' || roleId == '1490880584475975682' || roleId == '1496015526935564290'"
          >
            <el-option
              v-for="(item,index) in gClassList"
              :key="index"
              :label="item.deptName ? item.deptName : item.value"
              :value="item.deptName ? item.deptName : item.value"
            >
            </el-option>
          </el-select>
        </div>
      </div>
      <div class="search-container-left">
        <div class="search-container-item" style="margin-top:15px">
          <span style="color:#004ca7">队别：</span>
          <el-select
              v-model="queryParams.xyd" size="mini"
              placeholder="请选择队别"
              style="width:185px"
              clearable
              :disabled="roleId == '1476444221949898754'"
            >
              <el-option
                v-for="item in ddList"
                :key="item.id"
                :label="item.deptName"
                :value="item.deptName"
              >
              </el-option>
            </el-select>
        </div>
        <div class="search-container-item" style="margin-top:15px">
          <span style="color:#004ca7">级次：</span>
          <el-select
              v-model="queryParams.jc" size="mini"
              placeholder="请选择级次"
              style="width:185px"
              clearable
            >
              <el-option
                v-for="(item,index) in njList"
                :key="index"
                :label="item.xqszxn"
                :value="item.xqszxn"
              >
              </el-option>
            </el-select>
        </div> 
        <div class="search-container-item" style="margin-top:15px">
          <span style="color:#004ca7">专业班次：</span>
          <el-select
              v-model="queryParams.proclassname" size="mini"
              placeholder="请选择专业班次"
              style="width:185px"
              clearable
            >
              <el-option
                v-for="item in kcfzrList"
                :key="item.id"
                :label="item.className"
                :value="item.id"
              >
              </el-option>
            </el-select>
        </div>
        <div class="search-container-item" style="margin-top:15px">
          <span>考生姓名：</span>
          <el-input
            style="width: 185px"
            size="mini"
            placeholder="请输入内容"
            v-model="queryParams.name"
            clearable
          ></el-input>
        </div>
        <div class="search-container-item" style="margin-top:15px">
          <span>课程名称：</span>
          <el-input
            style="width: 185px"
            size="mini"
            placeholder="请输入内容"
            v-model="queryParams.coursename"
            clearable
          ></el-input>
        </div>
        <div class="search-button" style="margin:17px 0 0 0" @click="handleQuery">
          <img src="../../../assets/assessment/icon-search.png" alt="" />
          <span>查询</span>
        </div>
      </div>
    </div>

    <el-table
      :data="tableData"
      style="width: 100%"
      max-height="650"
      class="xpaas-table-class"
      row-class-name="xpaas-row-class"
      cell-class-name="xpaas-cell-class"
      header-row-class-name="xpaas-header-row-class"
      header-cell-class-name="xpaas-header-cell-class"
      v-if="roleId == '1476444221949898754'"
    >
      <el-table-column prop="status" label="状态" width="170" align="center">

      </el-table-column>
      <el-table-column prop="kcdate" label="日期" width="170" align="center">
      </el-table-column>
      <el-table-column prop="section" label="节次" width="170" align="center">
      </el-table-column>
      <el-table-column prop="department" label="课程负责单位" width="170" align="center">
        <template slot-scope="scope">
            {{scope.row.xb}}{{scope.row.unit}}
        </template>
      </el-table-column>
      <!-- <el-table-column prop="termid" label="教研室" width="170" align="center">
      </el-table-column> -->
      <el-table-column prop="coursename" label="考试课程" width="170" align="center">
      </el-table-column>
      <el-table-column prop="teacher" label="授课教员" width="170" align="center">
      </el-table-column>
      <el-table-column prop="studytype" label="考试方式" width="170" align="center">
      </el-table-column>
      <el-table-column prop="situdemand" label="场地需求" width="170" align="center">
      </el-table-column>
      <el-table-column prop="xyd" label="队别" width="170" align="center">
      </el-table-column>
      <el-table-column prop="jc" label="级次" width="170" align="center">
      </el-table-column>
      <el-table-column prop="proclassname" label="专业班次" width="170" align="center">
      </el-table-column>
      <el-table-column prop="biggernumber" label="人数" width="170" align="center">
      </el-table-column>
      <el-table-column prop="kcmc" label="考场" width="170" align="center">
      </el-table-column>
      <el-table-column prop="exaterid" label="监考员" width="170" align="center">
      </el-table-column>
    </el-table>
    <el-table
      :data="tableData"
      style="width: 100%"
      max-height="650"
      class="xpaas-table-class"
      row-class-name="xpaas-row-class"
      cell-class-name="xpaas-cell-class"
      header-row-class-name="xpaas-header-row-class"
      header-cell-class-name="xpaas-header-cell-class"
      v-if="roleId != '1476444221949898754'"
    >
      <el-table-column prop="kcdate" label="日期" width="170" align="center">
      </el-table-column>
      <el-table-column prop="section" label="节次" width="170" align="center">
      </el-table-column>
      <el-table-column prop="coursename" label="考试科目" width="170" align="center">
      </el-table-column>
      <el-table-column prop="department" label="课程负责单位" width="170" align="center">
        <template slot-scope="scope">
            {{scope.row.xb}}{{scope.row.unit}}
        </template>
      </el-table-column>
      <el-table-column prop="teacher" label="授课教员" width="170" align="center">
      </el-table-column>
      <el-table-column prop="pylevel" label="培养层次" width="170" align="center">
      </el-table-column>
      <el-table-column prop="xyd" label="学员队" width="170" align="center">
      </el-table-column>
      <el-table-column prop="name" label="姓名" width="170" align="center">
      </el-table-column>
      <el-table-column prop="jc" label="级次" width="170" align="center">
      </el-table-column>
      <el-table-column prop="proclassname" label="专业班次" width="170" align="center">
      </el-table-column>
      <el-table-column prop="kcmc" label="考场" width="170" align="center">
      </el-table-column>
      <el-table-column prop="bz" label="备注" width="170" align="center">
      </el-table-column>
    </el-table>
    <!-- <div class="table-header">
        <div class="item" style="width: 67px">
          <el-checkbox
            v-model="rowColumnChecked"
            @change="selectCheck('all')"
          ></el-checkbox>
        </div>
        <div class="item" style="width: 97px">日期</div>
        <div class="item" style="width: 106px">节次</div>
        <div class="item" style="width: 114px">系部</div>
        <div class="item" style="width: 123px">
          教研室
        </div>
        <div class="item" style="width: 116px">
          考试课程
        </div>
        <div class="item" style="width: 119px">
          授课教员
        </div>
        <div class="item" style="width: 136px">
          考试方式
        </div>
        <div class="item" style="width: 111px">
          场地需求
        </div>
        <div class="item" style="width: 124px">
          队别
        </div>
        <div class="item" style="width: 81px">
          级次
        </div>
        <div class="item" style="width: 155px">
          专业班次
        </div>
        <div class="item" style="width: 116px">
          人数
        </div>
        <div class="item" style="width: 145px">
          考场
        </div>
        <div class="item" style="width: 151px">
          监考员
        </div>
      </div>
      <div class="table-body" v-for="(item, index) in tableData" :key="index">
        <div class="item" style="width: 67px">
          <el-checkbox
            v-model="item.rowChecked"
            @change="itemChange('row')"
          ></el-checkbox>
        </div>
        <div class="item" style="width: 97px">{{ item.exadate }}</div>
        <div class="item" style="width: 106px">{{ item.exaschedule }}</div>
        <div class="item" style="width: 114px">{{ item.department }}</div>
        <div class="item" style="width: 123px">{{ item.teachingandresearchsection }}</div>
        <div class="item" style="width: 116px">{{ item.coursename }}</div>
        <div class="item" style="width: 119px">{{ item.teachingfaculty }}</div>
        <div class="item" style="width: 136px">{{ item.checktype }}</div>
        <div class="item" style="width: 111px">{{ item.situdemand }}</div>
        <div class="item" style="width: 124px">{{ item.studentteam }}</div>
        <div class="item" style="width: 81px">{{ item.studentlevel }}</div>
        <div class="item" style="width: 155px">{{ item.specialtyclassname }}</div>
        <div class="item" style="width: 116px">{{ item.biggernumber }}</div>
        <div class="item" style="width: 145px">{{ item.exasite }}</div>
        <div class="item" style="width: 151px">{{ item.exaterid }}</div>
      </div> -->
    
    <div class="bottom-block">
      <div class="export-button">
        <img src="../../../assets/assessment/icon-export.png" alt=""/>
        <!--        <span>导出Excel</span>-->
        <download-excel
          class="export-btn"
          :data="tableData"
          :fields="jsonFields"
          type="xls"
          name="全部补缓考记录.xls"
          style="color: #f3b815"
        >
          &ensp;导出Excel
        </download-excel>
      </div>
    </div>
  </div>

</template>

<script>
import { getSelectConditionList } from "@/api/examination/printBarCode";
import {examsPlanBuList} from "../../../api/courseExame/coursePlan";
import { reqZybcList,reqCheckYearList,reqCheckLevelList,queryDictByCode,reqXydList,reqGetXqList } from "@/api/admin1/check";
import { getStore } from "@/util/store.js"

export default {
  data() {
    return {
      exaStatus:'',
      current:1,
      size:10,
      statusList: [
        {
          value: "1",
          label: "待排考"
        },
        {
          value: "2",
          label: "待下发核对"
        },
        {
          value: "6",
          label: "待教员审核"
        },
        {
          value: "3",
          label: "待教研主任审核"
        },
        {
          value: "4",
          label: "待发布"
        },
        {
          value: "5",
          label: "已发布"
        }
      ],
      showSearch: true,
      // queryParams: {
      //   planname: '',
      //   checktype: '',
      //   studentlevel: '',
      //   specialtyclassname: '',
      //   coursename: '',
      //   trainingLevel:'',
      //   exaschedule:'',
      //   termid:'',
      //   exadate:'',
      //   department:'',
      //   studentteam:'',
      //   teachingandresearchsection:'',
      // },
      queryParams:{
        bxxueqi:'',
        teachingandresearchsection:'',
        department:'',
        xyd:'',
        jc:'',
        pylevel:'',
        coursename:'',
        section:'',
        name:'',
        proclassname:'',
        status: '',
        rq:''
      },
      checkTypeList: [
        {
          label: "正常",
          value: "正常",
        },
        {
          label: "补考",
          value: "补考",
        },
        {
          label: "第二次补考",
          value: "第二次补考",
        },
        {
          label: "缓考",
          value: "缓考",
        },
        {
          label: "第二次补缓考",
          value: "第二次补缓考",
        }
      ],
      ddList:[],
      course: "",
      xqList: [],
      pyccList: [],
      xxlxList: [],
      kcfzrList: [],
      tableData: [],
      jsonFields: {
        '日期': 'exadate',
        '节次': 'exaschedule',
        '系部': 'department',
        '教研室': 'teachingandresearchsection',
        '考试课程': 'coursename',
        '授课教员': 'teachingfaculty',
        '考试方式': 'studytype',
        '场地需求': 'situdemand',
        '学员队': 'studentteam',
        '级次': 'studentlevel',
        '专业班次': 'specialtyclassname',
        '人数': 'biggernumber',
        '考场': 'exasite',
        '监考员': 'exaterid',
      },
      filepath: "",
      njList: [],
      pyccList:[],
      sectionList:[],
      code:'section',
    };
  },
  created() {
    const userInfo = getStore({
      name: "userInfo",
      debug: true,
    }) || {}
    this.roleId = userInfo.content.role_id
    this.queryAllBuHuanExa("");
  },
  mounted(){
    this.termAll();
    this.gradeAll();
    this.getlist();
    this.sectionData();
    reqCheckLevelList().then((res) => {
      this.pyccList = res.data.data[0].children
    })
    reqXydList().then((res)=>{
      this.ddList = res.data.data;
    })
  },
  methods: {
    //学期
    async termAll() {
      const result = await reqGetXqList();
      if (result.data.code == 200) {
        this.xqList = result.data.data;
      }
    },
    //节次
    sectionData() {
      queryDictByCode(this.code).then(res=>{
        this.sectionList = res.data.data;
      })
    },
    //获取年级
    gradeAll(){
      let that = this;
      reqCheckYearList().then(res => {
        if(res.data.code == 200 && res.data.data){
          that.njList = res.data.data;
        }
      });
    },
    //获取专业班次
    async getlist(){
      const result = await reqZybcList();
      result.data.code == 200 ? this.kcfzrList = result.data.data : [];
    },
    // queryAllBuHuanExa() {
    //   examsPlanBuList(this.current,this.size,this.queryParams).then(res => {
    //     this.tableData = res.data.data.records;
    //   })
    // },
    queryAllBuHuanExa(exaStatus) {
      this.queryParams.status = exaStatus;
      getSelectConditionList(this.current,this.size,this.queryParams).then(res => {
        this.tableData = res.data.data.records;
      })
    },
    /** 搜索按钮操作 */
    handleQuery() {
      if(this.exaStatus.length == 0){
        this.queryParams.status = '';
      } else {
        this.queryParams.status = this.exaStatus.toString();
      }
      this.queryAllBuHuanExa(this.queryParams.status)
      this.current = 1;
    },
    itemChange(string) {
      this[string + "ColumnChecked"] = this.tableData.every((item) => {
        return item[string + "Checked"];
      });
    },
    selectCheck(choose) {
      if (choose) {
        if (choose === "all") {
          this.tableData = this.tableData.map((item) => {
            return {...item, rowChecked: this.rowColumnChecked};
          });
        } else {
          this.tableData = this.tableData.map((item) => {
            return {
              ...item,
              [choose + "Checked"]: this[choose + "ColumnChecked"],
            };
          });
        }
      }
    },
    changeInputFile() {
      document.getElementById("theFile").click();
      document.getElementById("theFile").onchange = (event) => {
        this.filepath = event.target.value;
      };
    },
  },
};
</script>

<style lang="less" scoped>
.pagination-block {
  margin-top: 20px;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.paperprint-container {
  .el-checkbox__inner:hover {
    border-color: #004ca7;
  }

  .el-checkbox__inner {
    border: 1px solid #004ca7;
    border-radius: 0;
  }

  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner {
    background-color: #004ca7;
    border-color: #004ca7;
  }

  .el-checkbox__input.is-checked + .el-checkbox__label {
    color: #004ca7;
  }

  .el-checkbox.is-bordered.is-checked {
    border-color: #004ca7;
  }

  .el-checkbox__input.is-focus .el-checkbox__inner {
    border-color: #004ca7;
  }

  .export-report-container {
    .el-dialog__body {
      padding: 64px 0 64px 50px;

      .el-radio {
        margin-right: 79px;
      }
    }

    .el-dialog__footer {
      padding-bottom: 103px;
    }
  }

  .import-report-container {
    .el-dialog__body {
      padding-left: 165px;
      padding-top: 71px;
      padding-bottom: 60px;

      > div {
        > span {
          font-size: 18px;
          font-weight: bold;
          line-height: 20px;
          color: #004ca7;
          vertical-align: middle;
        }

        > input {
          width: 254px;
          height: 25px;
          border: 1px solid #004ca7;
          opacity: 1;
          border-radius: 4px;
          padding-left: 5px;
          margin-right: 8px;
          color: #004ca7;
          vertical-align: middle;
        }

        > div {
          display: inline-block;
          font-size: 18px;
          padding: 1px 10px;
          border-radius: 4px;
          vertical-align: middle;
          cursor: pointer;

          &:nth-child(3) {
            color: rgba(2, 200, 108, 1);
            background: #f1fff8;
            border: 1px solid #02c86c;
            position: relative;
            margin-right: 20px;

            > input {
              width: 0px;
              position: absolute;
              left: 0;
              opacity: 1;
              cursor: pointer;
            }
          }

          &:nth-child(4) {
            color: rgba(82, 48, 233, 1);
            background: rgba(235, 230, 255, 1);
            border: 1px solid rgba(82, 48, 233, 1);
          }
        }
      }
    }

    .el-dialog__footer {
      padding-bottom: 76px;

      .green {
        padding: 1px 17px;
      }
    }
  }
}
</style>
<style lang="less" scoped>

/deep/.el-select__tags{
  max-width: 151px;
}
@import "../../../styles/paper-print.less";
@fontFamily:"Microsoft YaHei";
.xpaas-table-class {
  border: 1px solid #004ca7;
  border-radius: 9px;
  margin: 15px 0;
  > ::v-deep div.el-table__header-wrapper {
    > table.el-table__header {
      > thead {
        > tr.xpaas-header-row-class {
          padding: 0;
          height: 76px;
          background-color: #edf2f9;
          font-size: 16px;
          font-family: Microsoft YaHei;
          font-weight: bold;
          line-height: 20px;
          color: #004ca7;
          > th.xpaas-header-cell-class {
            font-weight: bold;
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            background-color: #edf2f9;
            > div.cell {
              font-size: 16px;
              font-weight: bold;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
        }
      }
    }
  }
  > ::v-deep div.el-table__body-wrapper {
    > table.el-table__body {
      > tbody {
        > tr.xpaas-row-class {
          > td.xpaas-header-cell-class {
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            background-color: #edf2f9;
            > div.cell {
              font-size: 16px;
              font-weight: bold;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
          > td.xpaas-cell-class {
            height: 76px;
            border-right: 1px solid #c7d7eb;
            border-left: 0;
            border-bottom: 1px solid #c7d7eb;
            > div.cell {
              font-weight: normal;
              font-family: @fontFamily;
              color: #004ca7;
            }
          }
        }
      }
    }
  }
}
/deep/.el-form--inline .el-form-item__label{
    color: #004ca7;
    font-size: 16px;
    font-family: Microsoft YaHei;
    font-weight: 400;
}
.bottom-block {
  display: flex;
  flex-direction: row;
  justify-content: space-between;

  .export-button {
    width: 127px;
    height: 27px;
    background: #fff6ef;
    border: 1px solid #f3b815;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin-top: 14px;

    > img {
      width: 17px;
      height: 17px;
    }

    > span {
      margin-left: 12px;
      font-size: 14px;
      font-family: Microsoft YaHei;
      font-weight: 400;
      color: #f3b815;
    }
  }

  .text {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 39px;
    color: #004ca7;
  }
}
</style>
